




    
    
    
        
        
        










         /* Outputting concatinated css files */
        
/**************************************************************************************

/mobile/common/css/global/normalize.css

**************************************************************************************/
            

/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */

/* ==========================================================================
HTML5 display definitions
========================================================================== */

/*
* Corrects `block` display not defined in IE6/7/8/9 & FF3.
*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
* Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
*/

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS5 devices.
*/

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
* Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
* Known issue: no IE6 support.
*/

[hidden] {
    display: none;
}

/* ==========================================================================
Base
========================================================================== */



body {
    margin: 0;
}

/* ==========================================================================
Links
========================================================================== */

/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/

a:focus {
    outline: thin dotted;
}

/*
* Improves readability when focused and also mouse hovered in all browsers.
* people.opera.com/patrickl/experiments/keyboard/test
*/

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
Typography
========================================================================== */

/*
* Addresses font sizes and margins set differently in IE6/7.
* Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
*/

h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}

/*
* Addresses styling not present in IE7/8/9, S5, Chrome.
*/

abbr[title] {
    border-bottom: 1px dotted;
}

/*
* Addresses style set to `bolder` in FF3+, S4/5, Chrome.
*/

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
* Addresses styling not present in S5, Chrome.
*/

dfn {
    font-style: italic;
}

/*
* Addresses styling not present in IE6/7/8/9.
*/

mark {
    background: #ff0;
    color: #000;
}


/*
* Corrects font family set oddly in IE6, S4/5, Chrome.
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/

code,
kbd,
samp {
    font-family: arial;
    _font-family: arial;
    font-size: 1em;
}


/*
* Addresses CSS quotes not supported in IE6/7.
*/

q {
    quotes: none;
}

/*
* Addresses `quotes` property not supported in S4.
*/

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
* gist.github.com/413930
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
Lists
========================================================================== */



/* ==========================================================================
Embedded content
========================================================================== */

/*
* 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
* 2. Improves image quality when scaled in IE7.
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
* Corrects overflow displayed oddly in IE9.
*/

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
Figures
========================================================================== */

/*
* Addresses margin not present in IE6/7/8/9, S5, O11.
*/

figure {
    margin: 0;
}

/* ==========================================================================
Forms
========================================================================== */

/*
* Corrects margin displayed oddly in IE6/7.
*/

form {
    margin: 0;
}

/*
* Define consistent border, margin, and padding.
*/

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

/*
* 1. Corrects color not being inherited in IE6/7/8/9.
* 2. Corrects text not wrapping in FF3.
* 3. Corrects alignment displayed oddly in IE6/7.
*/

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
* 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
* 3. Improves appearance and consistency in all browsers.
*/

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
* Addresses FF3/4 setting `line-height` on `input` using `!important` in the
* UA stylesheet.
*/

button,
input {
    line-height: normal;
}

/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
* 4. Removes inner spacing in IE7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE6.
*/

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible; /* 4 */
}

/*
* Re-set default cursor for disabled elements.
*/

button[disabled],
input[disabled] {
    cursor: default;
    background: #A595AD;
}

/*
* 1. Addresses box sizing set to content-box in IE8/9.
* 2. Removes excess padding in IE8/9.
* 3. Removes excess padding in IE7.
* Known issue: excess padding remains in IE6.
*/

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
* 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
* 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
* to future-proof).
*/

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
* Removes inner padding and search cancel button in S5, Chrome on OS X.
*/

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
* Removes inner padding and border in FF3+.
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
* 1. Removes default vertical scrollbar in IE6/7/8/9.
* 2. Improves readability and alignment in all browsers.
*/

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
Tables
========================================================================== */

/*
* Remove most spacing between table cells.
*/

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.fullCrisisBlock{
	display: none;
}
        
/**************************************************************************************

/mobile/common/css/global/mobile.css

**************************************************************************************/
            /* Global Components */

a{
    text-decoration: none;
    font-weight: bold;
}
li{
    list-style-type: none;
}
ul{
    margin: 0;
    padding: 0;
}
h1{
    text-align: center;
    font: 14px/15px arial;
    text-transform: uppercase;
    margin: 15px 10px;
}
h1 div{
    margin-bottom: 3px;
}
h2{
    font: bold 14px/14px arial;
    text-transform: uppercase;
}
h3{
    font: bold 13px/13px arial;
    text-transform: uppercase;
}
h4{
    font: bold 13px/13px arial;
}
h5 {
    font: italic bold 13px/13px arial;
}
.clearDiv{
    clear:both;
}
.popupEnabled{
    overflow-y: hidden;
}
input,select,textarea{
    outline: 0;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
}
input,textarea{
    border-radius: 8px;
}
input[type="radio"], input[type="checkbox"]{
    width:auto;
}
input[type="radio"]{
    -webkit-appearance: radio;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"]{
    text-indent: 10px;
}

textarea{
    padding-left: 2%;
    width: 98%;
}

input[type="checkbox"]{
    -webkit-appearance: checkbox;
    display: none;
}
select{
    background-color: #EAEAEA;
    /*Set up to handle display values that are too long for the select*/
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-indent: 5px;
}
button{
    width: 100%;
    padding: 8px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
    outline: 0 none;
    -webkit-appearance: none;
    border: none;
    color: #fff;
    font-size: 12px;
}
.show{
    display: block;
}
.go button{
	padding: 8px;
}

/*global positioning*/

.textLeft{
    text-align: left;
}

.textRight{
    text-align: right;
}

.textCenter{
    text-align: center;
}

.textNormal{
    font-weight: normal;
    text-transform: none;
}

.textBold{
	font-weight: bold;
}

.removeMargin{
    margin: 0;
}

.removePad{
    padding: 0;
}


.formBox{
    margin: 5px;
    padding: 10px;
}

.backButtonContainer{
    text-align: center;
    margin: -10px 0 10px 0
}

.backButton{
    width: 85%;
    text-align: center;
}

.actionLink a, .findOtherStaysButton a {
    padding: 9px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
    outline: 0 none;
    -webkit-appearance: none;
    border: none;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 12px;
    font-family: arial;
}
.actionBox {
	text-align: center;
}
.actionBox>.actionLink,
.actionBox>.confirmResButton {
	display: inline-table;
	margin: 5px 3px;
}
/* one actionLink */
.actionBox>.actionLink:first-child:nth-last-child(1) {
    width: 100%;
}
.bookingPages .actionBox>.actionLink:first-child:nth-last-child(1){
    width: 94%;
}
/* two actionLinks */
.actionBox>.actionLink:first-child:nth-last-child(2),
.actionBox>.actionLink:first-child:nth-last-child(2) ~ .actionLink {
    width: 46%;
}
.closeLinkContainer{
    padding-left: 10px;
}
.closeLink{
    padding-left: 18px;
    background-position: 0 -324px;
    text-transform: uppercase;
}
.actionLink.minorAction{
	float:right;
}
.actionLink.minorAction a{
	padding-left:30px;
	padding-right:30px;
}

.iconSprite,.iconSquare{
    /*display: inline-block; */
    background-repeat: no-repeat;
}

#popupLayer{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}
/*#popupLayer.propertyParticipationOverlay {
    position: fixed;
}*/

#popupLayer .closeLinkContainer {
    padding: 20px 10px;
    text-align: right;
}

iframe[seamless]{
    background-color: transparent;
    border: 0px none transparent;
    padding: 0px;
    overflow: hidden;
}

/* push overlay down to expose nav */
div.ui-widget-overlay{
    top:40px;
}
/* remove title bar */
.ui-dialog-titlebar{
    display: none;
}

/* Head Container */
#headContainer{
    background-color: #FFF; /*placeholder color */
    padding: 20px 10px;
    font: normal 13px/13px arial;
    text-align: center;
}
/* header */
nav{
    float: right;
}
nav ul li{
    float: right;
    padding: 5px 0 11px;
    cursor: pointer;
}


nav ul li a{
    float: right;
    padding: 0 11px 0;
}
nav ul li:first-child a{
    border-left: 1px solid #D0D0D0;
}
nav ul li:last-child a{
    border-right: 1px solid #D0D0D0;
}

nav ul.active0 li.active a, nav ul.active2 li.active a, nav ul.active1 li.navItem a{
	border: none;
}

nav ul.active2 li.active a, nav ul.active1 li.navItem:last-child a{
	padding-right: 12px;
}

nav ul.active0 li.active a, nav ul.active1 li.navItem:first-child a{
	padding-left: 12px;
}

.navDialog,.navOptions{
    display: none;
}
.navDialog .navOptions{
    position: absolute;
    display: none;
    padding: 5px;
    margin: 0 5px;
    width: 100%;
}

.navList li a{
    /* shouldn't be needed anymore since sprites have been phased out */
    /*background-position: 100% -244px;*/
    outline:none;
}
.navList>li{
    margin: 2px 0px;
    background-repeat: no-repeat;

}
.navList>li:first-child{
    margin-top: 8px;
}

.navList > li a{
	/* added for translations. text overlapping arrows */ 
	padding: 12px 25px 12px 12px;
	font-weight:normal;
    font-size: 13px;
    text-transform: uppercase;
    position: relative;
}

body.lang_de_DE .navList > li a{
	word-wrap: break-word;
}
.navLink{
    font-size: 2em;
}
.navList li.subNav{
    background-position: 100% -73px;
}
.expandedNav li{
    margin: 2px 0px;
}
.expandedNav li:first-child{
    margin-top: 0;
}
.navList .expandedNav li>:first-child .rightArrow:after{
    border-color: #ffffff;
}

.expandingList .expandable>:first-child:not(.open){
    background-position: 100% -275px;
}
.expandingList .expandable>:first-child.open{
    background-position: 100% -1200px;
}



/* FOOTER navList */
#footerContainer .navList li > :first-child{
    background-position: 100% -205px;
}
#footerContainer .expandingList .expandable>:first-child:not(.open){
    background-position: 100% -275px;
}
#footerContainer .expandingList .expandable>:first-child.open{
    background-position: 100% -1200px;
}
#footerContainer .navList li.subNav{
    background-position: 100% -73px;
}
#footerContainer .navList .expandedNav li>:first-child{
    background-position: 100% -244px;
}
#footerContainer .navList li{
    cursor: pointer;
    position: relative;
}

#footerContainer .contactBox{
    padding-top: 10px;
}
#footerContainer .contactBox .actionLink{
     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#939f40), to(#7a8627));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #939f40, #7a8627);
    /* IE 10 */
    background: -ms-linear-gradient(top, #939f40, #7a8627);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #939f40, #7a8627);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #939f40, #7a8627);
    border-radius: 8px;
    margin: 0 10px 10px;
    padding: 0;
    text-align: center;
}
#footerContainer .contactBox .actionLink a{
    background-repeat: no-repeat;
    background-color: transparent;
    padding:4px;
}
header{
    height:40px;
    position: relative;
}

.headerContent{
    position: relative;
}
#logoContainer{
    padding: 7px 9px;
    float:left;
}
.navOptions li.iconSprite{
    display: block;
}
.navOptions li.iconSprite a{
    /*padding-left: 30px;*/
}

.navOptionClose{
    padding-left: 7px;
    padding-bottom: 4px;
    margin-top: 10px;
}
.navOptionClose .navClose{
    color: #fff;
    text-transform: uppercase;
}

.headerSearch{
    margin: 3px 0;
    padding: 5px;
    position: relative;
    height: 30px;
}

.MD .box{
	box-shadow: 1px 1px 3px #666;
}

.headerBox .box{
    box-shadow: 0 0 0 #666
}
.headerBox{
    box-shadow: 1px 1px 3px #666
}
.headerBox > h2{
    padding: 10px;
    font: 12px/13px arial;
}

/* Error Styling */
.errorHeaderBox{
    text-align:center;
}
.announcements.errorHeaderBox {
    text-align: left;
}
.errorHeaderBox h2{
	padding: 10px 0;
    width: 100%;
    background-position: 0 -534px;
    position:relative;
    background-repeat: no-repeat;
    font: 12px/13px arial;
    text-align:center;
    display: inline-block;
    height: 12px; /*prevents inline-block from pushing content into errorBox*/
}
.errorHeaderBox h2:before{
    display:inline-block;
    text-align: right;
    position:relative;
    margin: 5px 0;
}
.errorBox{
	padding: 0 10px 10px;
	margin-bottom:20px;
}
.errorBox div{
	padding: 10px;
}
.announcements .errorBox div {
    padding: 10px 0;
}

.announcements .errorBox div:first-child {
    padding: 10px;
}
.errorMessage{
    text-align:left;
}

.errorCalloutContainer li{
	text-align: left;
	display: block;
}
.errorCalloutContainer label.error{
	/*hide error messages*/
	position: relative;
	border: none;
	background-color: transparent;
	display: block !important;
	margin: 0;
}
/* Error Callout */
p.topError,
div.errorCallout,
ul.errorCallout {
	border:  10px solid #CB2B59;
	background: white;
	color: #000;
	padding: 0px;
	margin: 0px;
}
#errorMessaging p.topError{ 
	padding:7px 0 7px 30px; 
	margin:0px; 
}
.errorCallout .errorCallout,
.errorCallout .errorBox,
.errorCallout ul,
.errorCallout label {
	position: relative;
	border: none;
	float: none;
	background: none;
	margin: 0;
	padding: 0;
}
.errorCallout label {
	display: inherit !important;
}
.errorCallout li,
.errorCallout p {
	background: none;
	margin: 10px 10px 10px 30px;
	padding: 0;
}
.errorCallout li:before,
.errorCallout p:before {
	font-family: Starwood;
	content: "\e02f";
	line-height: 15px;
	font-size: 17px;
	float: left;
	margin-left: -20px;
	color: #a90d31;
}
.errorCallout li p, .errorCallout li li,
.errorcalout p li, .errorCallout p p {
	margin: 0;
}
.errorCallout li p:before, .errorCallout li li:before,
.errorCallout p li:before, .errorCallout p p:before {
	content: none;
}
/* Errors dynamically enabled by validation*/
#headError,
.errorMessaging,
.errorMessaging p {
	display: none;
}
#headError[class*=activeErrorFor],
.errorMessaging[class*=activeErrorFor],
.errorMessaging p.errorActive{
	display: block;
}

.errorMessaging[class*=activeErrorFor]{
	margin-bottom: 10px;
}

.reservationMadeError {
    padding: 5px 0;
}

.callout,
.primaryHighlight,
.calloutHighlight,
.secondaryHighlight{
    font-weight: bold;
    padding: 8px 10px;
    text-align: center;
    text-transform: uppercase;
}
.primaryHighlight{
    text-align: left;
}

#headContainer>:not(:first-child), .box>:not(:first-child), .box>form>:not(:first-child), #headContainer>form>:not(:first-child) {
    margin-top: 10px;
}

#primaryContainer{
    margin: 10px;
}

/* BEGIN Main Area Slideshow */
.mainAreaSlideshow {
    overflow: hidden;
    height: 230px;
    margin-top: -40px;
    width: 100%;
}

.mainAreaSlideshow .pagination {
    margin-top: -53px;
    position: relative;
    z-index: 10;
    text-align: center;
}

.mainAreaSlideshow .pagination li {
    display: inline-block;
    width: 10px;
    height: 8px;
    background-position: 0 -468px;
}

.mainAreaSlideshow .pagination li a {
    visibility: hidden;
}

.mainAreaSlideshow .pagination li.current {
    background-position: 0 -486px;
}

.mainAreaSlideshow .slides_container {
    width: 320px;
    height: 230px;
}

.mainAreaSlideshow .slides_container .active {
    display: block;
}
.mainAreaSlideshow .slides_container{
    width: 320px;
}

.simpleSlide-slide{
    width: 200px;
    height: 110px;
    margin-right: 10px;
}
.simpleSlideStatus-tray{
    width: 100%;
    height: 10px;
    text-align: center;
}

.simpleSlide-slide div.slideTitle{
	pointer-events: none;
}

/*
.simpleSlideStatus-tray div{
    display: inline-block;
    width: 10px;
    height: 8px;
    background-position: 0 -468px;
}
.simpleSlideStatus-tray div.active{
    background-position: 0 -486px;
}
*/
.slide{
    height: 110px;
    position: relative;
    display: none;
}
.slide .slideTitle{
    padding: 10px 30px 10px 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    background-position: 100% -206px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}

 .simpleSlideStatus-window{
     background-position: 0 -206px;

 }

/* Button Block */
.buttonBlock {
    display: table;
    text-align: center;
    width: 100%;
}
.buttonBlock li {
    display: table-cell;
    padding:  5px 0;
    vertical-align: middle;
    width: 33%;
}
.buttonBlock a {
    color: white;
    border-right:  1px solid white;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0;
    text-transform: uppercase;
    width: 100%;
}
.buttonBlock li:last-child a {
    border-right: none;
}

/* Sign In Form */
.navOptions .signInForm{
    margin: 8px;
    padding: 5px 8px;
}
.navOptions .signInForm h3{
    margin: 5px 0 5px;
    font-size: 14px;
}

.signInForm .signInLinks{
    width: 100%;
    margin: 10px 0;
    text-align: center;
    padding: 10px 0;
}
.sna.callout .snaUpgradeActions{
	width: 100%;
    text-align: center;
    padding: 10px 0;
}
.signInForm .signInLinks table,
.sna.callout .snaUpgradeActions table{
    width: 100%;
}
.signInForm .signInLinks table td,
.sna.callout .snaUpgradeActions table td {
    width: 50%;
}
.signInForm .signInLinks table td:first-child,
.sna.callout .snaUpgradeActions table td:first-child {
    border-right: 1px solid gray;
}
.sna.callout .snaUpgradeActions table td:first-child:last-child {
	border:none;
}

.signInForm .signInLinks a{
    padding: 2px 10px;
    display: inline-block;
    text-transform: uppercase;
}

.sna.callout .snaUpgradeActions a{
	padding: 2px 10px;
    display: inline-block;
}

.navOptions .signInForm .rowItem{
    margin: 10px 0;
}
.signInForm .rememberUserLabel{
    margin-left: 10px;
    line-height: 20px;
    font-weight: bold;
}
.userInfoContainer{
    margin: 0 10px;
    
}
.userInfo{
    padding: 10px 0;
    margin: 0 10px;
}
.userInfo .accountMessage{
    font-family: arial;
    font-weight: bold;
    margin-top: 5px;
    text-transform: uppercase;
    font-size: 10px;
}
.userInfo .accountMessage{

}
.userInfo .accountMessage a + a:after,
.userInfo .accountMessage span + a:after{
    content: " >";
}
.navOptions .userInfo{
    border-bottom: none;
    padding-bottom: 0;
    padding-left: 0;
    margin-left: 0;
}

.forgotPasswordLink {
    text-transform: uppercase;
    text-align: center;
}

/* Search Form */
#searchFormContainer{
    margin: 0 10px;
    padding: 10px;
    height: 70px;
    position: relative;
}

body.lang_ru_RU #searchFormContainer.fnb_i18n {
    height: 80px;
}

#searchFormContainer input.destinationInput,
.footerSearch input.destinationInput {
    padding: 0 18px 0 20px;
    text-indent: 0;
    width: 75%;
    height: 30px;
}
.topNavSearch input.destinationInput{
    text-indent:20px;
}
.calendarIconContainer{
    float: left;
    margin-left: 7px;
}
.clearSearch{
    margin-left: -18px;
    visibility: hidden;
}
a.submitSearch{
    /*background-position: 0 -106px;*/
    height: 20px;
    left: 3px;
    margin-right: 20px;
    position: absolute;
    top: 4px;
    width: 16px;
}

.inputContainer ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
    list-style: none;
}

.inputContainer li{
	float: left;
	margin: -2px 3px 0 0;
}

.inputContainer li.search{
	width: 57%;

	margin-right: 7px;
}

.inputContainer li.calendar{
	width: 35px;
	margin-top: -2px;
	margin-right: 7px;
}

.inputContainer li.go{
	margin-right: 0;
	width: 24%;
}

.searchButtonContainer{
    float:left;
    width: 25%;
    margin-left: 5px;
}
.searchButtonContainer button{
    padding: 7px 8px 8px;
}
.brg{
    font-size: 10px;
    text-transform: uppercase;
}

.searchBrg,.searchBrgLink {
    text-transform: uppercase;
    line-height: 12px;
}
.searchBrg .rightArrow,.searchBrgLink .rightArrow{
    display: inline;
    position: relative;
    right: auto;
    top: auto;
    margin: 0;
    margin-left: -4px;
}
.searchBrg .navLinkArrow:after,.searchBrg .navLinkArrow:after{
    width: 5px;
    height: 5px;
    border-width: 2px;
    border-color: currentcolor;
    top: 3px;
}
.searchBrg .brgText{
    position: relative;
    white-space: nowrap;
}
#searchFormContainer .searchBrg,
.footerSearch .searchBrg {
    margin-top: 10px;
    margin-left: 0;
    padding: 0;
}

/* Date Picker, general*/

/* search form with updated date picker*/
#searchFormContainer.datePicker li.search,
#searchFormContainer.datePicker li.calendar,
#searchFormContainer.datePicker li.go {
    width: 100%;
    padding-bottom: 7px;
}
#searchFormContainer.datePicker .recentSearch {
    top: 48px;
}

#searchFormContainer.datePicker input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    color: #888888;
    padding: 5px 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid #ddd;
    height: 40px;
    width: 100%;
}
#searchFormContainer.datePicker .date {
    font-weight: normal;
}

#searchFormContainer.datePicker {
    height: auto;
}

#searchFormContainer.datePicker input.destinationInput {
    padding-left: 25px;
}

#searchFormContainer.datePicker .search .brandColorGrey:before {
    font-size: 28px;
}


/* BRG Popup */
.brgPopup h2{
    padding: 15px 0 10px;
}
.brgPopup p.title{
    font: bold 13px/13px arial;
}
/* Children Popup */
.childrenPopup.box {
	padding:10px;
}
/* Recent Search */
.recentSearch{
    display: none;
    position: absolute;
    left: 10px;
    top: 42px;
    min-width: 80%;
    z-index: 1000;
}
.headerSearch .recentSearch{
    left: 5px;
    top: 33px;
}
.recentSearch li a{
    line-height: 1.5;
    padding: 5px 10px;
    font-size: 14px;
    display: block;
    text-transform: capitalize;
}
.recentSearch li,
.ui-menu li{
    border-bottom: 1px solid #000;
}
.recentSearch li:last-child,
.ui-menu li:last-child{
    border-bottom: none;
}
.recentSearch li a.currentLocation{
    /*background-position: 10px -1285px;*/
    padding-left: 25px;
}
.ui-menu {
    background-color:#fff;
}
.ui-menu li a{
    font-size: 14px;
    padding: 0.2em 0.4em;
    line-height: 1.5;
}
/* Footer */
#footerContainer .actionLink{
    padding: 10px;
}
#footerContainer .actionLink a{
    font-size: 12px;
    font-weight: bold;
}
.footerLinks{
    text-align: center;
}
.footerLinks .middle{
    border-left:  1px solid #B7B7B7;
    border-right:  1px solid #B7B7B7;
}
.footerLinks table{
    width: 100%;
}
.footerLinks a{
    padding: 10px 10px;
    width: 80px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 10px;
}
.feedbackLink a{
    display: block;
    width:100%;
    margin:0 auto;
    border-top: 1px solid #b7b7b7;
    padding:13px 0px;
}
.feedbackLink {
    padding:15px 10px 9px;
}

.lang_de_DE .footerLinks a{
	 word-wrap: break-word;
}
.footerLinks li{
    float:left;
    width:100px;
}
#footerCopyright{
    text-align: center;
    padding:15px 10px;
    font-size: 12px;
}

 #footerContainer .lowerFooter #adChoices {
float:left;

}

.footerSearch{
    margin-top: 10px;
    padding: 10px;
    position: relative;
    height: 70px;
}

.lowerFooter{
	padding-top: 10px;
	
}

.expandingList .expandable {
    cursor: pointer;
}

.expandingList .expandable>:first-child{
	margin: 1px;
	padding: 10px;
}
#brandLinkBox{
	height: 270px;
	width: 90%;
	margin-left:8%;
	padding-top:15px;
}
#brandLinkBox>div{
	float:left;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 5px;
	margin-bottom: 1px;
	width:30%;
	height: 50px;
	text-align:center;
    border-radius: 5px;
}
#brandLinkBox>div.important{
	margin-top:7px;
	height: 60px;
	width: 94%;
}
#brandLinkBox div a{
    display: block;
    height: 28px;
    background-repeat: no-repeat;
    background-size: 75px;
}
#brandLinkBox .st a{
    background-position: center 10px;
}
#brandLinkBox .lc a{
    background-position: center -40px;
}
#brandLinkBox .wh a{
    background-position: center -90px;
}
#brandLinkBox .md a{
    background-position: center -138px;
}
#brandLinkBox .wi a{
    background-position: center -180px;
}
#brandLinkBox .sh a{
    background-position: center -225px;
}
#brandLinkBox .al a{
    background-position: center -278px;
}
#brandLinkBox .el a{
    background-position: center -327px;
}
#brandLinkBox .fp a{
    background-position: center -378px;
}
#brandLinkBox .spg a{
    background-position: center -459px;
    height: 35px;
}
.lang_zh_CN #brandLinkBox .st a{
    background-position: center 7px;
}
.lang_zh_CN #brandLinkBox .sh a{
    background-position: center -227px
}
.lang_zh_CN #brandLinkBox .lc a{
    background-position: center -44px;
}
.lang_zh_CN #brandLinkBox .el a{
    background-position: center -327px;
}
.lang_zh_CN #brandLinkBox .spg a{
    background-position: center -458px;
    height: 35px;
}
ul.roomClass img{
	float:left;
	margin:7px;
}
ul.roomClass>li{
	padding-top:15px;
}
ul.amenities>li{
	list-style-type:disc;
	padding-left: 10px;
	margin-left: 30px;
}
.stationHeader{
	background-color: white;
	padding: 7px 5px;
}
.method ul{
	margin-left:15px;
}

.fnb_standardFormContainer{
    width:60%;
    float: left;
}
.fnb_standardFormContainer .chinaStateProvince,
.fnb_standardFormContainer .japanStateProvince {
    display: none;
}
.fnb_standardFormContainer .romanstateSelect {
    left: -2000px;
    position: absolute;
    visibility: hidden;
}
#searchFormContainer.fnb_i18n, .fnb_i18n {
    height: 70px;
}
.headerSearch.fnb_i18n{
    height: 0;
    padding: 0;
}
.fnb_i18n .destinationLink,
.fnb_i18n .currentLocationContainer{
    width: 48%;
    border-radius: 5px;
}
.fnb_i18n .currentLocationContainer{
    float:left;
}

.fnb_i18n .destinationLink{
    float: right;
}
.fnb_i18n .destinationLink a{
    background-position: 10px -1014px;
}
.fnb_i18n .currentLocationContainer a,
.fnb_i18n .destinationLink a{
    padding: 7px 20px 7px 30px;
    /*margin: 7px 7px 7px 30px;*/
    text-transform: uppercase;
    text-align: center;
    float:left;
    width: 75%;
}
.fnb_i18n .destinationLink a{
    width: 72%;
}
.fnb_i18n .currentLocationContainer a{
    background-position: 10px -1802px;
}
.fnb_i18n .brg{
    margin-top:5px;
    width: 100%;
    text-align: center;
    float: none;
    margin-left: 0;
}
#footerContainer .fnb_i18n .actionLink{
    padding: 0;
}

body.lang_ru_RU .footerSearch.fnb_i18n {
    height: 85px;
}

/* Styled Check boxes */
.checkBoxDiv {
	width: 20px;
	height: 20px;
	position: relative;
}

.checkBoxDiv label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
}

.checkBoxDiv label:after {
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 10px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;


	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.checkBoxDiv input[type=checkbox]:checked + label:after,
.checkBoxDiv input[type=radio]:checked + label:after {
	filter: alpha(opacity=100);
	opacity: 1;

}

.checkBoxDivDisabled {
	width: 20px;
	height: 20px;
	position: relative;
}

.checkBoxDivDisabled label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
}

.checkBoxDiv>input[type="radio"] {
	display: none;
}

/* Find Res Results */
.findResResults .searchResultsPropertyBox .propertyLink,
.upcomingStays .propertyLink,
.modifyPages .propertyInfo .propertyLink,
.bookingPages .propertyInfo .propertyLink,
.reservationDetails .propertyInfo .propertyLink,
.cancelReservation .propertyInfo .propertyLink{
    margin-right: 0;
    height: 39px;
    width: 25px;
    position: absolute;
    right: 1px;
}
.findResResults .searchResultsH2 {
	text-align: center;
	margin: -5px 0 15px 0;
}
.findResResults .resNotAvailable {
	margin-top: 10px;
}
.navLinkArrowContainer{
    cursor: pointer;

    width: 100%;
    height: 100%;
    top: 0;
    z-index: 2;
    left: 0;
    display: table-row;
    vertical-align: middle;
}
.navLinkArrow {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 8px;
}
.navLinkArrow:after {
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	background: transparent;
	top: 2px;
	left: 4px;
    border: 3px solid #ffffff;
    border-top: none;
    border-right: none;
}
.upArrow:after {
    -webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	-o-transform: rotate(-225deg);
	transform: rotate(-225deg);
}
.downArrow:after{
    -webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.rightArrow{
    right: 10px;
}
.rightArrow:after{
    -webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
    top: 4px;
}
.leftArrow{
    right: auto;
    left:0;
}
.leftArrow:after{
    -webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	-o-transform: rotate(-315deg);
	transform: rotate(-315deg);
    top: 4px;
}
.expandingList .expandable>:first-child.open .downArrow:after{
    -webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	-o-transform: rotate(-225deg);
	transform: rotate(-225deg);
    top:8px;
}

.backToButton {
    margin: 10px;
    padding: 8px 5px;
}

.backToButton a {
    position: relative;
}

.backToButton a span {
    margin-left: 18px;
}

.lang_de_DE a span {
	/*word-break: break-all;*/
}

.backToButton a .navLinkArrow {
    top: 60%;
}

/*code/decode*/
.decode{
	/*uncomment below to see where strings need to be externalized*/
	/*border: 2px solid #f00;*/
}


.errorBody{
    padding: 20px 10px;
    font: 13px/13px arial;

}


/* property callout details */

.propertyCallout {
    margin-bottom: 10px;
    padding: 10px;
    text-transform: none;
}

.propertyCallout p {
    text-align: left;
    display: table;
}

.propertyCallout p span {
    display: table-cell;
    vertical-align: bottom;
}

.propertyCallout p span:first-child {
    font-style: italic;
    font-weight: bold;
    width: 110px;
    padding-right: 7px;
    text-align: right;
}

.propertyCallout p span:last-child {
    font-weight: normal;
    vertical-align: bottom;
}

.propertyCallout p.operationHours span:first-child {
    vertical-align: top;
}

/*PhotoSwipe Overrides */
.mainAreaSlideshow .ps-carousel .ps-carousel-content .ps-carousel-item img{
	top: 0 !important;
	left: 0 !important;
}

.indicators, .indicatorsSec { 
	text-align: center; 
	margin-top: -50px;
	position: relative;
	z-index: 925;
	height: 50px;
}

.indicatorsSec{
	z-index: 1000;
	margin-top: 0;
	height: auto;
}

.indicators span, .indicatorsSec span, .simpleSlideStatus-tray div { 
	display: inline-block; 
	height: 5px; 
	width: 5px; 
	margin: 0 5px 0 0; 
	padding: 0; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	-o-border-radius:5px; 
	border-radius:5px; 
}

.mainAreaSlideshow{
	overflow: hidden;
}

body.ps-active, body.ps-building, 
#secondaryPromosContainer div.ps-active, 
#secondaryPromosContainer div.ps-building,
#mainPromoContainer div.ps-active, 
#mainPromoContainer div.ps-building{
	/*background: none !important;*/
}

/*begin starRating*/
.propertyRatings .ratings .starsColor {
    width: 0; 
}

.propertyRatings {
    position: relative;
    width: 90%
}

.propertyPages .propertyRatings .propertyRatingsLabel{
	width: 55%;
	word-wrap: break-word;
}

.propertyRatings > div {
    margin: 0;
    float: left;
}

.propertyRatings .ratings {
    position: relative;
    width: 45%;
    margin-top: -4px;
}

#directoryResults .propertyRatings .ratings{
	width: 100%;
}

.propertyRatings .ratings .ratingsNumber,
.propertyRatings .ratings .ratingsNumberText {
    display: none;
}

.ratings .starsColor, .ratings .starsDefault {
   overflow: hidden;
   position: absolute;
}

.searchResultsPropertyBox .propertyRatings .ratings{
	width: 100%;
}

/*end starRating*/

/*property page overview*/

.propertyPages .content div.propertyOverviewBoxNav a {
    font: bold 11px/12px Arial;
}

/* start Radio button styling */

.radioButton input {
	display: none;
}

.radioButton input:checked + .outer .inner {
	opacity: 1;
}

.radioButton .outer {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	display: block;
	float: left;
	height: 20px;
	width: 20px;
}

.radioButton .inner {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	display: block;
	height: 10px;
	margin: 5px;
	opacity: 0;
	width: 10px;
}

.radioButtonDisabled input {
	display: none;
}

.radioButtonDisabled .outer {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	display: block;
	float: left;
	height: 20px;
	width: 20px;
}

/* end Radio button styling */


ul.help{
	margin: 0 10px 0 10px;
}

/*Rotation Classes*/
.rotateUp{
	-webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.rotateDown{
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.transition{
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#crisisMessageContainer .rightArrow{
	right: 40px;
	margin-top: -15px;
}

.resendLink {
    margin-top: 10px;
    padding: 10px 5px;
    text-transform: uppercase;
    text-align: left;
}

.accountPages .propertyInfoSimple .callout {
    margin-top: 10px;
}
/*CSS SHAPES*/
.halfCircleRight{
     height:42px;
     width:20px;
     border-radius: 0 90px 90px 0;
     -moz-border-radius: 0 90px 90px 0;
     -webkit-border-radius:  0 90px 90px 0;
     background:#ffffff;
     box-shadow: 1px 1px 2px #666;
     position: absolute;
     left: 98%;
}

.halfCircleLeft{
     height:42px;
     width:26px;
     border-radius: 90px 0 0 90px;
     -moz-border-radius: 90px 0 0 90px;
     -webkit-border-radius:  90px 0 0 90px;
     background:#5e5e5e;
}

.halfCircleRight .navLinkArrow{
	margin-top: -10px;
}

.halfCircleRight .navLinkArrow::after{
	border-color: #7a8627;
    margin-left: 0px;
    height: 10px;
    width: 10px;
    border-width: 4px;
}


/*property pages left cirle*/
.propertyPages .showPropertyHouseBack .propertyName{
	min-height: 48px;
}

#resform .headerBox{
    width: 100%;
}

#resform .bookingSignIn{
	margin: 0 -10px 10px -10px;
	padding-bottom: 5px;
	padding-top: 10px;
}
#resform .bookingSignIn .actionLink{
	width: 90%;
}

.step{
    display: inline;
}

#geoLocateError{
    display: none;
}
#geoLocateError .actionLink{
    margin-top: 10px;
}

.stregisDefault{
    border: 1px solid #dddddd;
}

.luxuryDefault{
    border: 1px solid #dddddd;
}

.whotelsDefault{
    border: 1px solid #dddddd;
}

.lemeridienDefault{
    border: 1px solid #dddddd;
}

.westinDefault{
    border: 1px solid #dddddd;
}

.sheratonDefault{
    border: 1px solid #dddddd;
}

.alofthotelsDefault{
    border: 1px solid #dddddd;
}

.elementDefault{
    border: 1px solid #dddddd;
}

.fourpointsDefault{
    border: 1px solid #dddddd;
}

.navOptions .signInForm .signInLinks{
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 5px;
}

.rateList .rateBlock div:nth-child(1){
	padding-right:30px;
}


/* SPG Category Popup */
.spgCategories .box h1:first-of-type {
    display: none;
}

/* BRG Category Popup */
.brgPopup a{
	margin-right: 20px;
	display: block;
}

.brgPopup a.closeButton{
	margin-right: 0px;
}

.bookingPages #reservationAction .confirmResButton {
	width: 40%;
}

.bookingPages #reservationAction .confirmResButton:last-child {
	float: right;
	margin-right: 20px;
}

.ui-widget-overlay{
	display: none;
}

.membershipTable{
    width: 100%;
}

.membershipTable .colLeft{
    width: 50%;
    text-align: right;
}

.membershipTable .colRight{
    width: 50%;
    text-align: left;
}

/*no outline around main nav search icon*/
.search a.submitSearch:focus {
	outline: 0;
}

.propertyRates{
	margin-bottom: 10px;
}

.resultBlock .resultExpandOptions .browseCalendar .notAvailableForDatesLink a{
	color: #ffffff;
	
}

#directorySearch select[disabled]{
	opacity: .5;
}

.searchResults .searchResultsPropertyBox{
	width: 97%;
}

.notAvailableForDatesLink a{
	margin-right: 40px;
}

.spinner{
	z-index: 1000 !important;
}
#headContainer.findMyStays {
	text-align:left;
}
.stayLoadingPlaceholder {
    background-position: center center;
    background-repeat: no-repeat;
    height: 50px;
    width: 100%;
}

/* Property Page language disclaimer pop-up */
#popupLayer .errorBody.languageNotSupported {
    padding: 15px 0 20px;
}
#popupLayer .errorBody.languageNotSupported p.title {
    padding: 0 20px 15px;
}
#popupLayer .errorBody.languageNotSupported .propertyInfoNav {
    margin: 5px 0 15px;
}
#popupLayer .errorBody.languageNotSupported .actionLink{
    padding: 5px 20px 0;
}

/** SNA Unavailable PopUp **/
#popupLayer .box.snaUnavailable h1 {
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	text-align: left;
	margin: 10px 0px 0px;
}
#popupLayer .box.snaUnavailable ul.snaNotAvailable {
	padding: 20px;
	margin-top:0px;
}
#popupLayer .box.snaUnavailable ul.snaNotAvailable li {
	list-style-type: disc;
	padding: 5px;
}

#resetPasswordSubmitContainer {
	margin-top: 10px;
}

#searchResultsContainer {
	width: 95%; 
	margin-right: -150px;
}
body.lang_de_DE #searchResultsContainer {
	word-break: break-word;
}
.brandDescription .defaultBrandImage.brandsModuleLogo{
	width: auto;
	margin: 0;
	text-align:center;
	line-height: .5em;
}

/*brg edit search */
.searchBrg .bestRateIcon{
	float: right;
	margin-top: -27px;
}

.searchBrg .bestRateCopy{
	float: left;
	margin-right: 10px;
}

@media screen and (orientation:landscape){
	.searchBrg .bestRateIcon{
		float: right;
		margin-top: -9px;
	}
	
}

.bookingPages .personalInfo .smsOptInContainer,
.modifyPages .personalInfo .smsOptInContainer {
	float: none;
}

.bookingPages .personalInfo .smsOptInContainer .checkBoxDiv,
.modifyPages .personalInfo .smsOptInContainer .checkBoxDiv {
    height: 30px;
}

.generalPreferences .backToButton{
	display: none;
}

.smsterms{
	clear: both;
	margin-top: 40px;
	font-size: 10px;
	word-wrap: break-word;
	text-align: left;
}

.box .smsterms{
	margin-top: 0px;
}

.smsTC{
    clear: both;
    margin: 0 5px;
    word-wrap: break-word;
    text-align: left;
}
.enrollPages .smsterms{
	margin-top: 20px;
	display: none;
}

ul.phonePerGrid {
    margin: 0 -10px 0 -10px;
}

.noSmsText{
    padding-top: 10px;
    font-weight: normal;
}

.attractionDescription .propertyCallout p span:first-child {
	width:120px;
}
/** BEGIN Search Form BRG Link **/
.searchBrg table {
    width: 100%;
}

.searchBrg table td {
    vertical-align: middle;
}

.searchBrg table td:first-of-type {
    text-align: right;
    padding-right: 5px;
}

.searchBrg table td:first-of-type .brg-check {
    top: -16px;
}

.searchBrg table td:last-of-type {
    width: 68%;
    text-align: left;
}
.searchBrg table td:last-of-type a {
    display: block;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
}
.searchBrg table td:last-of-type a span:first-of-type{
    display: block;
}
.navOptions .headerSearch #brgSearchLink {
    display: none;
}

/** END Search Form BRG Link **/
/*outage and system error page*/
.systemError h1 {
    margin: 50px 0 30px;
    font-size: 25px;
    line-height: 20px;
}
.systemError p {
    font:16px/18px arial;
    text-align: center;
    margin:0 15px 50px;
}
/*END of outage and system error page*/
/*transliteration*/
.enrollPages .romanized {
    padding: 10px;
    background-color: #e8e8e8;
}

.enrollPages .romanized .primaryField {
    padding-bottom: 10px;
    width: 99%;
}

.enrollPages .transliterationIcon[data-icon]:before {
    line-height: 15px;
    position: relative;
    top: 10px;
    margin-right: 7px;
}

.enrollPages .romanized .secondaryField input {
    width:85%;
}
/*end of transliteration*/
.instagramIcon,
.toolbar-instagramIcon {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.instagramTitle {
    font-size: 15px;
}

.instagramBlock{
    padding-bottom: 20px;
}

#contentArea .instagramPhotos h2{
	font-size:15px;
	margin-left: 65px;
	margin-top:0px;
	padding-left: 25px;
	padding-top: 13px;
	padding-bottom:13px;
	
}

.certifyChkBox.input{
	display:block;
	float:left;
}

.instagramBlock .actionLink{
	margin: 0 10px 10px;
}

.propertyPhotos .photoGroup{
	overflow:auto;
}

#popupLayer > #instagramTermsCondLayer{
	background-color:#ffffff;
	color: #000000;
}

#instagramTermsCondLayer .termsandCondInnerLayer .cancelButton{
    padding-bottom: 20px;
    margin-top: 20px;
    cursor: pointer;
}

.instagram_photos {
    float: left;
    margin: 0 3px 1px 0;
}

#instagramTermsCondLayer .errorFeild {
    border: 1px solid #B50000;
}

#instagramTermsCondLayer #certifyBlock .errorFeild {
    outline: 1px solid #B50000;
}

#instagramTermsCondLayer .errorMessage {
    background: url("/common/images/error/errorArrow-R-C9002B.gif") no-repeat scroll 5px 3px transparent;
    border: 1px solid #B50000;
    display: none;
    padding: 5px 27px;
    color: #B50000;
    margin-bottom: 5px;
}

#contentArea .instagramPhotos h1{
	background-size: contain !important;
}

#contentArea .instagramPhotos .instHeader {
	text-align: center;
}

#contentArea .instagramPhotos h1 {
	display: inline-block;
}

#contentArea .instagramPhotos .instImg{
	display: inline-block;
	height: 21px;
	width: 21px;
}


.crisisDisplayContainer .crisisBlock {
    display: block;
	height: 100%;
    margin-bottom: 5px;
    padding: 10px 10px 10px 30px;
    width: inherit;
}

.crisisBlock h3 {
    padding: 5px;
}

.propertyInfo h3.iconSprite, #rateHeader h3.iconSprite {
	color: #ff0000;
	width: 100%;
	text-align: center;
}

.crisisPopup {
    display: none;
}

.crisisPopupLayer {
    padding: 0;
}

.downloadSpgApp h4 {
    margin-bottom: 5px;
}
#languagesList .expandedNav.languageSelector {
	width: 30%;
    float: left;
    margin: 1% 2% 1% 0;
    position: relative;
}

.languageSelector > li a{
    padding: 18% 9%;
    text-align: center;
}

#footerContainer .expandable #languagesList {
	z-index: 930;
	overflow: auto;
	width: 91%;
	padding: 5% 5% 3% 8%;
}
        
/**************************************************************************************

/common/js/lib/jquery/jquery-ui.custom.css

**************************************************************************************/
            /*! jQuery UI - v1.9.2 - 2012-12-04
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.dialog.css, jquery.ui.menu.css
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { opacity: .6;filter:Alpha(Opacity=60);background: #5E5E5E; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
.ui-dialog { position: absolute; top: 0; left: 0;overflow: hidden; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; background: none; overflow: auto; zoom: 1; }
.ui-menu { list-style:none; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 5px 10px; line-height: 1.5; zoom: 1; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }

        
/**************************************************************************************

/mobile/common/js/lib/starwood/calendar/calendar.css

**************************************************************************************/
            /*** calendarMonth ***/
.calendarMonth .calendarMonthHeader {
    color:#ffffff;
    background-color:#000000;
}
.calendarMonth .calendarNavigation {
    cursor:pointer;
}
.calendarMonth .monthLabel {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    padding: 11px 0;
}
.calendarMonth .yearLabel{
    font-size: 14px;
    font-weight: normal;
    padding-top: 5px;
}
.calendarMonth .previous {
    float: left;
    width: 45px;
    height: 56px;
    position: relative;
}
.calendarMonth .previous .leftArrow{
    left:14px;
}
.calendarMonth .previous.deactive,
.calendarMonth .next.deactive{
    visibility: hidden;
}
.calendarMonth .next {
    float: right;
    width: 45px;
    height: 56px;
    position: relative;
}
 .calendarMonth .next .rightArrow{
    right:15px;
}
/*** calendarMonth days ***/
.calendarMonth .day {
    text-align: center;
    height: 44px;
    margin:0 ;
    line-height: normal;
    font-size: 20px;
    position: relative;
    font-weight: bold;
    vertical-align: middle;
}

.calendarMonth .dayLabel{
    height: 18px;
    border: none;
    text-align: center;
    margin:0 ;
    line-height: normal;
    font-size: 13px;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
}
.calendarMonth .outOfMonth {
    cursor: default;
    visibility:hidden;
}

.instructions .checkInInstructionsDate,
.instructions .checkOutInstructionsDate{
    float: right;
    width: 50%;
    text-align: right;
    text-transform: uppercase;
}
.instructions .checkInInstructionsLabel,
.instructions .checkOutInstructionsLabel{
    float: left;
    font-weight: normal;
}
.calendarMonth .day{
    color:#bbb;
}

.calendarMonth .invalid {
    cursor: default;
}
.calendarMonth .availableRangeStart {
    color:#000000;
}

.calendarMonth .availableRangeEnd {
    color:#000000;
}

.calendarContainer {
    text-align: left;
    font-size: 11px;
    background-color: #FFFFFF;
}

.calendarContainer .calendarMonthBody table{
    width: 100%;
    table-layout: fixed;
}
.calendarContainer .calendarMonthBody table tr{
    width: 100%;
}

.calendarContainer .lastMonth {
    margin-right: 0;
}

.calendarContainer .calendarHeader{
    background:none;
}
.calendarContainer .calendarHeader h1{
    margin: 8px 0;
}
.calendarHeader .actionLink,
.calendarHeader .actionButton{
    width: 40%;
    margin: 0 5%;

}
.calendarHeader .actionLink{
    float:left;
}
.calendarHeader .actionButton{
    float:right;
}

.calendarContainer .instructions {
    margin: 0 3%;
    clear:both;
    color:#000000;
    background-color: gray;
    font-weight:bold;
    text-align: center;
    padding: 3px 3%;
}

.calendarContainer .instructions li {
    padding: 2px 0 2px;
    display: list-item;
    color:#000000;
    font-size:13px;
}
.stayCalendar .instructions li {
    font-weight: bold;
}

.calendarContainer .instructions a{
    font-size:11px;
    margin-left:8px;
}

.calendarContainer .messageContainer .errorContainer{
    display:none;
    margin: 0 3% 7px;
    background-image: none;
}

.calendarContainer .messageContainer .errorContainer.show{
    display:block;
}

.calendarContainer .messageContainer .errorContainer li{
    font-size:11px;
    font-weight:bold;
    list-style: none;    
}

/*** StayCalender ***/

.calendarFooter{
    padding: 7px 5px;
}
.stayCalendar ,.multiRateCalendar{
    z-index: 1005;
    margin: 0;
    position: absolute;
    width: 100%;
    display: none;
    top:0;
    left:0;
}
.stayCalendar.show,.multiRateCalendar.show {
    display:block;
}
.stayCalendar .calendarBody,
.multiRateCalendar .calendarBody{
    width: 100%;
}
/*** AvailCalender ***/

.availabilityCalendar .instructions li {
    padding: 3px 0;
}

.availabilityCalendar .legendContainer{
    margin:2px 20px;    
}

.availabilityCalendar .legendContainer .legendItem {
    float:left;    
}

.multiRateCalendar .dailyRate{
    float: left;
}
.loadingBackground {
    display:none;
    height: 100%;
    left:0;
    position:absolute;
    top:0;
    width: 100%;
    z-index: 29;
    opacity:0.7;
    filter:alpha(opacity='70');
    background-color:#000000;
}

.loadingIntermediate{
    display:none;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    z-index:30;
}

.loadingContainer {
    position: absolute;
    top: 43%;
    left: 41%;
    display: none;
    z-index: 31;
    padding:30px;
}

.loading .loadingContainer, .loading .loadingBackground, .loading .loadingIntermediate{
    display:block;
}

.calendarMonth .previous .navLinkArrow:after, .calendarMonth .next .navLinkArrow:after{
    width: 10px;
    height: 10px;
    border-width: 4px;
}

/* slash through for invalid/unavailable days */
.calendarMonth .invalid::after,
.calendarMonth .day:not(.availableRangeStart):not(.availableRangeEnd):not(.rangeStart)::after{
	content: '';
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #646464;
	opacity: .2;
	position: absolute;
	top:0%;
	left:0%;
	border-radius: 2px;
	/*width: 62px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);*/
} 

/* @media screen and (orientation:landscape) { */
/* 	.calendarMonth .invalid::after, */
/* 	.calendarMonth .day:not(.availableRangeStart):not(.availableRangeEnd):not(.rangeStart)::after { */
/* 		content: ''; */
/* 		border-bottom-width: 3px; */
/* 		border-bottom-style: solid; */
/* 		border-bottom-color: #646464; */
/* 		opacity: .2; */
/* 		position: absolute; */
/* 		left: -10%; */
/* 		top: 47%; */
/* 		width: 80px; */
/* 		border-radius: 2px; */
/* 		transform: rotate(33deg); */
/* 		-webkit-transform: rotate(33deg); */
/* 		-moz-transform: rotate(33deg); */
/* 		-o-transform: rotate(33deg); */
/* 		transform: rotate(33deg); */
/* 	} */
/* } */

        
/**************************************************************************************

/common/js/lib/starwood/calendar/datePicker.css

**************************************************************************************/
            /* calendar uses different box model from rest of page */
.swui-date-picker,
.swui-date-picker *,
.swui-date-picker *:after,
.swui-date-picker *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.swui-date-picker {
    position: relative;
    z-index: 101;
    padding: 0 5px;
}

.errors .error {
    max-height: 0;
    overflow: hidden;

    background: transparent;
    -webkit-transition: max-height 0.2s ease-in;
    transition: max-height 0.2s ease-in;
    -webkit-transition: margin 0.2s ease-in;
    transition: margin 0.2s ease-in;

    color: #ff0000;
    border: none;
}

.errors .error.show {
    max-height: 70px;
    margin-bottom: 7px;
}

.swui-hide {
    display: none;
}



.swui-date-picker .swui-field {
    padding: 5px 3%;
    margin: 0 -3%;
    position: relative;
    z-index: 9600;
    width: 53%;
}

.swui-date-picker .swui-field-arrival {
    float: left;
    margin-left: -4%;
}

.swui-date-picker .swui-field-departure {
    float: right;
    margin-right: -4%;
}

.swui-date-picker .swui-field-arrival,
.swui-date-picker .swui-field-departure {
    -webkit-transition: border-color 0.15s ease-in;
    transition: border-color 0.15s ease-in;
}

.swui-date-picker .swui-field-arrival input,
.swui-date-picker .swui-field-departure input {
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    padding-left: 26px;
}

.swui-date-picker.has-error .errors {
    float: none;
    clear: both;
    display: block;
}

.swui-date-picker.swui-cal-open.has-error input {
    border-color: inherit;
}

.swui-date-picker.swui-cal-open.has-error .errors {
    display: none;
}

.swui-date-picker.swui-arrival .swui-field-arrival,
.swui-date-picker.swui-departure .swui-field-departure {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.3);
}

.swui-date-picker.swui-arrival .swui-field-arrival:after,
.swui-date-picker.swui-departure .swui-field-departure:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #fff;
}

.swui-date-picker.swui-arrival .swui-field-arrival input,
.swui-date-picker.swui-departure .swui-field-departure input {
    border: 1px solid #cfcfcf;
}

.swui-date-picker.swui-arrival .swui-field-departure,
.swui-date-picker.swui-departure .swui-field-arrival {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.swui-date-picker .swui-group {
    position: relative;
}

.swui-date-picker .swui-calendar-icon {
    position: absolute;
    top: 6px;
    left: 5px;
    width: 18px;
    height: 17px;
    /*background: url(../images/icons/calendar.png) top right no-repeat;*/
    z-index: 1;
}
.swui-date-picker .swui-calendar-icon:before {
    font-size: 28px;
}

/* always have default dates on mobile, do not show icon */
.swui-date-picker .swui-calendar-icon {
    display: none;
}

.swui-date-picker .swui-date-display {
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 38px;
    padding: 5px 0 5px 15px;
    margin: 1px;
    line-height: 30px;
    background-color: #fff;
    text-transform: uppercase;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
}

.swui-date-picker .swui-date-display .month,
.swui-date-picker .swui-date-display .date {
    float: left;
    font-size: 17px;
}

.swui-date-picker .swui-date-display .month {
    margin-left: 0;
    margin-right: 4px;
}

.swui-date-picker .swui-date-display .date {
    margin-right: 8px;
}

.swui-date-picker .swui-date-display .day-year {
    float: left;
    margin-top: 2px;
}

.swui-date-picker .swui-date-display .day,
.swui-date-picker .swui-date-display .year {
    display: block;
    width: 30px;
    font-size: 11px;
    line-height: 1.1;
}

.swui-date-picker .error span {
    white-space: nowrap;
}

.swui-calendar {
    display: none;
    z-index: 10;
    position: absolute;
    width: 112%;
    left: -10px;
    height: 351px;
    color: #000;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.3);
    padding: 10px 0;
    margin: 0;
    margin-top: -1px;
    overflow: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity 0.25s ease-in;
    transition: opacity 0.25s ease-in;
    text-align: left;
    font-size: 11px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}

.swui-calendar.swui-show {
    display: block;
}

.swui-calendar .swui-mask-left,
.swui-calendar .swui-mask-right {
    display: none;
}

.swui-calendar .swui-calendar-inner {
    position: absolute;
    left: 0;
    width: 0;
    -webkit-transition: left 0.2 ease-in;
    transition: left 0.2s ease-in;
}

.swui-calendar header {
    height: 50px;
    background-color: #cfcfcf;
    text-align: center;
    z-index: 0;
}

.swui-calendar header h3 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 0;
    padding-top: 10px;
    text-align: center;
}

.swui-calendar header h4 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
}

.swui-calendar .swui-month-nav {
    position: absolute;
    top: 10px;
    z-index: 2;
    cursor: pointer;
    width: 50px;
    height: 50px;
    -webkit-transition: opacity 0.1s ease-in;
    transition: opacity 0.1s ease-in;
    text-align: center;
}
.swui-calendar .swui-month-nav:before {
    color: #fff;
    line-height: 50px;
    font-size: 23px;
}

.swui-calendar .swui-previous {
    left: 0;
    /*left: 10px;*/
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.swui-calendar .swui-month-nav-empty {
    cursor: default;
}

.swui-calendar .swui-month-nav-empty:before {
    content: "";
}

.swui-calendar .swui-next {
    right: 0;
    /*background: url(../images/icons/month-next.png) center center no-repeat;*/
}

/*.swui-calendar .swui-next.swui-month-nav-empty {*/
    /*cursor: default;*/
    /*background: none;*/
/*}*/

.swui-calendar.swui-first-month .swui-previous,
.swui-calendar.swui-last-month .swui-next {
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: default;
}

.swui-calendar.swui-navigating .swui-previous,
.swui-calendar.swui-navigating .swui-next {
    opacity: 0;
}

.swui-calendar.swui-swiping .swui-calendar-inner {
    -webkit-transition: none;
    transition: none;
}

.swui-calendar.swui-swiping .swui-month-nav {
    opacity: 0;
}

.swui-arrival .swui-calendar,
.swui-departure .swui-calendar {
    opacity: 1;
}

.swui-month {
    float: left;
    width: 50%;
    background-color: #fff;
    opacity: 0.4;
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}

.swui-month h5,
.swui-month time {
    background-color: #FFFFFF;
    text-align: center;
    width: 14.28571%;
    padding: 0;
    float: left;
    margin: 0;
    line-height: normal;
    font-size: 13px;
    position: relative;
}

.swui-month h5 {
    padding: 2px 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
}

.swui-month time {
    cursor: pointer;
    height: 46px;
    line-height: 45px;
    color: #cfcfcf;
    background-color: #fff;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #fff;
}

.swui-month .swui-out-of-month {
    color: #EBEBEB;
}

.swui-month .availableRangeStart,
.swui-month .availableRangeEnd {
    cursor: pointer;
}

.swui-month .swui-day0,
.swui-month .swui-day1,
.swui-month .swui-day2,
.swui-month .swui-day3,
.swui-month .swui-day4,
.swui-month .swui-day5 {
    border-right: 1px solid #fff;
}

.swui-month .swui-day svg {
    display: none;
}

.swui-month .swui-invalid {
    position: relative;
    cursor: default;
    color: #d4d4d4;
}

.swui-month .swui-invalid svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2px;
}

.swui-month .swui-invalid svg line {
    opacity: 0.3;
    stroke: #d4d4d4;
    stroke-width: 2px;
}

.swui-month .swui-selected {
    color: #fff;
    background-color: #EBEBEB;
}

.swui-month .swui-range-start,
.swui-month .swui-range-end {
    color: #fff;
    background-color: #EBEBEB;
}

.swui-month .swui-range-start:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 9px solid #cfcfcf;
}

.swui-month .swui-range-end:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 23px solid transparent;
    border-right: 9px solid #cfcfcf;
}

.swui-swiping .swui-month {
    -webkit-transition: none;
    transition: none;
}

        
/**************************************************************************************

/mobile/common/css/global/sprites.css

**************************************************************************************/
            /*RLM */
#viewNavContainer li{
	position: relative;
}

/*PHOTO EXPAND ICON*/
.morePhotosIcon{
	background: url(/mobile/common/images/sprites.png) no-repeat;
	background-position: -2px -43px ;
	width: 24px;
	height: 25px;
}

/*PROPERTY PAGES LEFT CIRCLE*/
.propertyPages .showPropertyHouseBack .propertyName::before{
  /*replace below with new sprite image of house without background color*/
     /*background: #5E5E5E url(/mobile/westin/images/propertyNameHouse.png) no-repeat 5px 40%;*/
     height:52px;
     width:26px;
     border-radius: 90px 0 0 90px;
     -moz-border-radius: 90px 0 0 90px;
     -webkit-border-radius:  90px 0 0 90px;
     position: absolute;
     top: 4px;
     left: -12px;
}

/* HOTEL DIRECTORY/
MYSTAYS/
RESERVATION/
SEARCH

RIGHT CIRCLE with ARROW*/
/*Hotel Directory*/
#directoryResults .propertyOverview.activeProperty:before,
#newPropslistview .propertyOverview.activeProperty:before,
.searchResultsPropertyBox .propertyInfoSimple div.propertyLink:before,
.searchResultsPropertyBox .propertyInfoSimple a.propertyLinkTab:before,
.findResResults .searchResultsPropertyBox .propertyLink:before,
.searchResultsPropertyBox[data-propertyid] .propertyLink:before,
.upcomingStays .propertyLink:before,
.bookingPages .propertyInfo .propertyLink:before,
.modifyPages .propertyInfo .propertyLink:before,
.reservationDetails .propertyInfo .propertyLink:before,
.cancelReservation .propertyInfo .propertyLink:before {
     height:42px;
     width:20px;
     border-radius: 0 90px 90px 0;
     -moz-border-radius: 0 90px 90px 0;
     -webkit-border-radius:  0 90px 90px 0;
     content: "";
     /*box-shadow: 1px 1px 2px #666;*/
     position: absolute;
     left: 98%;
     top: 50px;
     background:#ffffff;
}

#directoryResults .propertyOverview.activeProperty:after,
#newPropslistview .propertyOverview.activeProperty:after,
.searchResultsPropertyBox .propertyInfoSimple div.propertyLink:after,
.searchResultsPropertyBox .propertyInfoSimple a.propertyLinkTab:after,
.findResResults .searchResultsPropertyBox .propertyLink:after,
.searchResultsPropertyBox[data-propertyid] .propertyLink:after,
.upcomingStays .propertyLink:after,
.bookingPages .propertyInfo .propertyLink:after,
.modifyPages .propertyInfo .propertyLink:after,
.reservationDetails .propertyInfo .propertyLink:after,
.cancelReservation .propertyInfo .propertyLink:after {
	content: '';
	position: absolute;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	width: 10px;
	height: 10px;
	background: transparent;
	top: 2px;
	left: 4px;
	/*border: 4px solid #7A8627;*/
	border-top: none;
	border-right: none;
	left: 97%;
    top: 63px;
    
}

/*My Stays*/
.searchResultsPropertyBox .propertyInfoSimple div.propertyLink:before,
.searchResultsPropertyBox .propertyInfoSimple a.propertyLinkTab:before{
	top:5px;
	left:3px;
}

.searchResultsPropertyBox .propertyInfoSimple div.propertyLink:after,
.searchResultsPropertyBox .propertyInfoSimple a.propertyLinkTab:after{
	top: 19px;
	left: 1px;
}

/*Find Results*/
.findResResults .searchResultsPropertyBox .propertyLink:before{
	top:1px;
	left:5px;
}

.findResResults .searchResultsPropertyBox .propertyLink:after{
	top: 15px;
	left: 4px;
}

/*Search Results*/
.searchResultsPropertyBox[data-propertyid] .propertyLink:before{
	left: 98.5%;
    top: 65px;
}

.MD .searchResultsPropertyBox[data-propertyid] .propertyLink:before,
.WI .searchResultsPropertyBox[data-propertyid] .propertyLink:before,
.EL .searchResultsPropertyBox[data-propertyid] .propertyLink:before,
.AL .searchResultsPropertyBox[data-propertyid] .propertyLink:before,
.SI .searchResultsPropertyBox[data-propertyid] .propertyLink:before,
.LC .searchResultsPropertyBox[data-propertyid] .propertyLink:before,
.fourpoints .searchResultsPropertyBox[data-propertyid] .propertyLink:before{
	box-shadow: 2px 2px 2px #999;
	left: 99%;
}



.searchResultsPropertyBox[data-propertyid] .propertyLink:after{
	left: 97.7%;
    top: 78px;
}

/* END RIGHT CIRCLE with ARROW*/

/*ICON FONT SET - REPLACING SPRITE SHEETS */
/*ICON FONT SET - REPLACING SPRITE SHEETS */
/*ICON FONT SET - REPLACING SPRITE SHEETS */
/*ICON FONT SET - REPLACING SPRITE SHEETS */
/*ICON FONT SET - REPLACING SPRITE SHEETS */
@font-face {
	font-family: 'starwood';
	src:url('../fonts/starwood.eot');
	src:url('../fonts/starwood.eot?#iefix') format('embedded-opentype'),
		url('../fonts/starwood.woff') format('woff'),
		url('../fonts/starwood.ttf') format('truetype'),
		url('../fonts/starwood.svg#starwood') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before, .propertyInfo .propertyName span.houseIcon:before{
	font-family: 'starwood';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transbrandCardsform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 30px;
}

.icon-info {
    font-family: 'starwood';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
/* Social Media Icons */
.socialBar {
    text-align: center;
    padding-top: 15px;
}

.socialBar a {
    line-height: 0.9;
    border-radius: 5px;
    padding-left: 5px;
    padding-bottom: 1px;
    text-align: left;
    width: 27px;
}

.socialBar .foursquare-icon:before {
    padding-left: 4px;
}

#footerContainer .socialBar .pinterest-icon,
.socialBar .pinterest {
    padding-bottom: 0px;
}

/* End Social Media Icons */

.headerNav li a span, .propertyPages .navList li a span{
	float: left;
	display: inline-block;
	margin-top: -9px;
	margin-left: -7px;
	margin-right: 6px;
}

/*custom overrides*/
.brgContainer input{
	margin-top: 85px;	
}

.brgContainer .brg-icon{
	position: relative;	
}

.brgContainer .brg-icon div{
	position: absolute;
	left: 33%;	
}

.navList span.brg-check{
	position: absolute;
	top: 9px;
	left: 15px;
}

.viewReservation .resDetailsButton a span:before{
	margin: -11px 5px 0 0;
	float: left;
}

.bookingPages .resDetailsButton a span:before{
	margin: -11px 5px 0 0;
	float: left;
}

.navOptionClose .closeBKGD:before, .ps-toolbar-close .closeBKGD:before{
	font-size: 15px !important;
	padding: 0px 2px 0px 2px;
}

/*search icon size*/
.search .brandColorGrey:before, #destinationSearch .brandColorGrey:before{
	font-size: 20px;
}

/*back arrow icon*/
.backArrow:before {
	font-size: 15px;
	position: absolute;
	left: 9px;
}

.backArrow.singleLine:before {
	line-height: 15px;
	-webkit-transform: rotate(180deg);
}

.backArrow.doubleLine:before {
	line-height: 30px;
	-webkit-transform: rotate(180deg);
}

.backArrow.tripleLine:before {
	line-height: 45px;
	-webkit-transform: rotate(180deg);
}
/*end back arrow icon*/

#footerLinks .contactBox span.phoneIcon{
	position: relative
}

#footerLinks .contactBox span.phoneIcon span{
	position: absolute;
	top: -6px;
	left: -27px;
}

/* call buttons on help pages */
.call.actionLink a > span {
	text-align:center;
	display:inline-block;
	vertical-align: middle;
}

/* END -- call buttons on help pages */
.searchResults .searchResultsRateCalendarIcon:before, .searchResults .searchResultsRateInfoIcon:before{
	float: right;
}

.rateList .byRoom, .rateList .byRate{
	/*text-align: center;*/
}

.rateList .byRoom a span, .rateList .byRate a span{
	position: relative;
}

.rateList .byRoom a span span, .rateList .byRate a span span{
	display: inline-block;
	float: left;
	margin: -8px 5px 0 5px;
}

.rateList .byRate a span span{
	display: inline-block;
	float: left;
	margin: -6px 5px 0 5px;
}

.rateList .byRate a span span:before{
	font-size: 25px;
}

.rateList .spgNote:before{
	float: left;
	margin-right: 5px;
}

#findHotelsNearMe a{
	position: relative;
}

#findHotelsNearMe a span span.brandColorWhite{
	float: left;
	margin-left: -5px;
}

.lang_ja_JP #findHotelsNearMe a span span.brandColorWhite,
.lang_zh_CN #findHotelsNearMe a span span.brandColorWhite{
	margin-top: -9px;
}


#findHotelsNearMe a div.text{
	padding-left: 18px;
}

.propertyInfo .propertyName span.houseIcon{
	position: relative;
}

.propertyInfo .propertyName span.houseIcon,
.showPropertyHouseBack .propertyName span.houseIcon {
	display: block;
	float: left;
}

/* property overview */
.propertyInfo .propertyName span.houseIcon{
    margin-left: -27px;
    margin-top: -8px;
}

/* property inner page*/
.showPropertyHouseBack .propertyName span.houseIcon {
    margin-left: -53px;
    margin-top: -10px;
}

.showPropertyHouseBack .propertyName span.houseIcon:before{
	content: "\e030";
	font-size: 50px;
}

.propertyInfo .propertyName span.houseIcon span:before{
	position: absolute;
	top: -4px;
	left: -24px;
}

.showPropertyHouseBack .propertyName span.houseIcon span:before{
	position: absolute;
	top: 7px;
	left: 17px;
}




.ratings .stars span{
	display: inline;
	float: left;
}

.ratings .stars span:before{
	font-size: 20px;
}

.ratings .starsColor .starsContainer{
	width: 100px;
	overflow: hidden;
}

.ratings .starsDefault .starsContainer{
	/*width: 100px;*/
}

.starsColor{
	overflow: hidden;
	position: absolute;
}

.bookingPages span.brg-check {
	top: -16px !important;
}

.nav-brg-check{
	position: absolute;
	top: 5px;
	left: 10px;
}

.calendarBKGD, .calendarBKGDModule{ /*advanced search calendar*/
	line-height: 0.9;
	border-radius: 5px;
	padding-left: 5px;
	padding-bottom: 1px;
	width: 28px;
}

.closeBKGD{
	margin-right: 5px;
	padding-top: 3px;
}

span.brg-check{
	position: absolute;
	top: -19px;
	left: 2px;
}

span.brg-circle, .brgContainer{
	position: relative;
}

/*external link*/
.aboutPages .externalIconLink {
	display: inline-block;
	line-height: 0;
	margin-left: 5px;
	margin-top: 15px;
}

#fitMeetings {
	margin-top: 4px;
}
/*end external link*/

.aboutPages .externalIconLink:before {
	line-height: 0;
	margin-right: -10px;
}

.checkOtherAvailability span.calendarIcon{
	display: inline-block;
	line-height: 0;
	margin-top: 6px;
}

.checkOtherAvailability span.calendarIcon:before{
	line-height: 0;
	margin-left: 7px;
}

#crisisMessageContainer h4:before{
	line-height: 0;
	font-size: 20px;
	margin-top: 6px;
	float: left;
}

.recentSearch .currentLocation:before{
	font-size: 20px;
	margin-right: 3px;
	margin-top: 10px;
	line-height: 0;
	float: left;
	margin-left: -18px;
}

.errorHeaderBox h2:before{
	line-height: 0;
	font-size: 20px;
	margin-top: 6px;
	/*float: left;*/
}

.notAvailableForDatesLink span.browseCalendar{
	line-height: 0;
	float: right;
	margin-left: 20px;
	display: inline;
	margin-right: 10px;
}

.notAvailableForDatesLink a{
	display: inline !important;
}

.searchAdjoiningButton:before{
	line-height: 0;
	float: left;
	margin-right: -40px;
	display: inline-block;
	margin-top: 8px;
	margin-left: -22px;
}
/*our brands logos*/
div.brandDescription div.brandsModuleLogo{
	height: 80px;
	width: 130px;
	margin: 0 15px;
	font-family: 'starwood';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 100px;
	color: #6c6d70;
}

div.brandDescription .logo_ST:before{
	content: "\e016";
}

div.brandDescription .logo_LC:before{
	content: "\e01f";
	font-size: 140px;
	line-height: 0;
	display: block;
	margin-top: 40px;
}

div.brandDescription .logo_WH:before{
	content: "\e009";
	font-size: 85px;
}

div.brandDescription .logo_MD:before{
	content: "\e025";
	font-size: 140px;
	line-height: 0;
	padding-top: 10px;
	display: block;
	margin-top: 48px;
}

div.brandDescription .logo_WI:before{
	content: "\e00c";
}

div.brandDescription .logo_SI:before{
	content: "\e01e";
}

div.brandDescription .logo_AL:before{
	content: "\e03d";
}

div.brandDescription .logo_4P:before{
	content: "\e028";
}

div.brandDescription .logo_SPG:before{
	content: "\e01c";
}

div.brandDescription .logo_EL:before{
	content: "\e03c";
}

.lang_ru_RU .searchAdjoiningButton:before {
    margin-top: 15px;
    margin-left: -22px;
}
.lang_zh_CN .searchAdjoiningButton:before {
    margin-top: 7px;
    margin-left: -26px;
}

.lang_ja_JP .searchAdjoiningButton:before {
    margin-top: 7px;
    margin-left: -27px;
}

        
        
    




